<template>
	<view class="apply">
		<uni-nav-bar height="65px" color="#fff" left-icon="left" @clickLeft='handleBack' backgroundColor="#00aaff" title="车辆申购详情" />
		<common-info></common-info>
		<car-info></car-info>
		<file-info></file-info>
		<people-info></people-info>
		<view style="height: 15px;background-color: #EFF2F4;"></view>
		
	</view>
</template>

<script setup name="Apply">
	import CommonInfo from '../../manager/component/commonInfo.vue'
	import CarInfo from '../../manager/component/carInfo.vue'
	import FileInfo from '../../manager/component/fileInfo.vue'
	import PeopleInfo from '../../manager/component/peopleInfo.vue'
	
	
	
	
	function handleBack() {
		uni.navigateBack();
	}
	
</script>
<style lang="scss" scoped>
	.apply{
		background-color: #fff;
		.car-type{
			padding: 0 15px;
			&-tit{
				display: flex;
				justify-content: space-around;
				align-items: center;
				margin-top: 10px;
				gap: 20px;
				&-a{
					// flex: 1;
					width: 65px;
					margin-right: auto;
				}
				&-b{
					// flex: 1;
					width: 36px;
				}
				&-c{
					// flex: 2;
					
					width: 36px;
				}
			}
			&-list{
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: 10px;
				padding-bottom: 10px;
				gap: 20px;
				border-bottom: 1px solid #EFF2F4;
				&-title{
					width: 65px;
					color: #797E84;
					margin-right: auto;
				}
				&-num1{
					width: 36px;
				}
				&-num2{
					width: 36px;
					
				}
			}
		}
		.form{
			padding: 0 15px;
			.form-list{
				display: flex;
				justify-content: space-between;
				align-items: center;
				text-align: right;
				padding: 10px 0;
				border-bottom: 1px solid #EFF2F4;
				:deep(.uni-input-placeholder, .input-placeholder,.u-input__content__field-wrapper){
					text-align: right !important;
				}
			}
		}
		.btn{
			height: 40px;
			width: 94%;
			line-height: 40px;
			text-align: center;
			background-color: #3C88D8;
			border-radius: 4px;
			color: #fff;
			margin-left: 3%;
			position: fixed;
			bottom: 10px;
		}
	}
</style>